<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>整合单文件总结</title>
    </head>
    <body>
        <!-- 准备好一个容器，名字是root -->
        <div id="root">
            <!-- <App></App> 这里不需要写了，在main.js中使用了template属性 -->
        </div>
        <!-- 引入main.js注意要在容器下面引入，这时root容器已经存在了 -->
         <script type="text/javascript" src="../../js/vue.js"></script>
         <script type="text/javascript" src="./main.js"></script>
    </body>
</html>